/*common*/
body{
  background-color: #F7F7F7;
}
a,a:hover,a:active,a:visited,a:focus{
  color: #333;

}
#header_logo {
  width: 240px;
  height: 60px;
  display: block;
}
.am-fixed{
  position: fixed;
}
.am-alert{
  top: 50px;
  left: 0;
  right: 0;
  width: 300px;
  margin: auto;
  
}
.am-btn-150{
  width: 150px;;
}
.am-topbar-nav > li > a::after {
   
    border-style: none;   
}
.am-topbar-nav > li.am-active > a, .am-topbar-nav > li.am-active > a:focus, .am-topbar-nav > li.am-active > a:hover {
    color: #fff;
    background: #F84E4E;
    border-radius: 4px;
  box-shadow: 0;
    border: 0;
}
.am-topbar {
  min-height: 60px;
  background: rgb(51,51,51);
  margin-bottom: 0px;
  border: 0px;
}
.am-topbar .am-btn{
   background: none;
}
.am-topbar .am-btn:hover{
  background: rgba(0,0,0,0.2);
}
.am-topbar>.am-nav > li{
  line-height: 58px;
}
.am-topbar  li > a {
  height: 35px;
  line-height: 35px;
  margin-top: 12px;
  font-size: 14px;
  color: #fff;
}
.am-topbar  li > a:focus, .am-topbar  li > a:hover {
  text-decoration: none;
  background-color: #fff;
  color: #F84E4E;
  border-radius: 4px;
}
ul.am-dropdown-content > li > a:focus, ul.am-dropdown-content > li > a:hover {
  text-decoration: none;
  color: #FF4E4F;
  background-color: #fff;
}
ul.am-dropdown-content > .am-active > a, ul.am-dropdown-content > .am-active > a:focus, ul.am-dropdown-content > .am-active > a:hover {
    background-color: #FF4E59;
}
.am-topbar-form input{
  border-radius: 4px;
}
.am-topbar-right >li >a{
  margin-top: 12px;
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 4px;
}
.am-topbar-right li.am-active a{
  background-color: #fff;
  color: #888;
  
}
@media screen and (min-width: 1200px) {
  .am-container{
     max-width: 1200px;
  }
  .goods-list .item{
    width: 290px;
    margin:0px 5px;
    height: 430px;
  }
  .index-goods-list .item{
    width: 291px;
    margin:0px 4px;
    height: 290px;
  }
  .goods-list .item img,.index-goods-list .item img{
    width: 288px;
    height: 288px;
  } 
  .article-list .am-list>li{
    width: 280px;  
    height: 350px;
    margin: 0px 5px 5px 5px;
  }
  .article-list .am-list>li>.am-list-thumb>a>img{
    height: 175px;
  }
  .article-list .am-list .article-disc{
    max-height: 68px;
  }
  .article-list .am-list li .post-info>li>i{
    color: #F84F4F;
    font-size: 14px;
  }
}

@media screen and (min-width: 1560px) {
	.am-container{
     max-width: 1460px;
  }
  .goods-list .item{
    width: 340px;
    margin:0px 10px;
    height: 480px;
  }
  .index-goods-list .item{
    width: 340px;
    margin:0px 10px;
    height: 340px;
  }
  .article-list .am-list>li{
    width: 340px;  
    height: 400px;
    margin: 0px 10px 5px 10px;
  }
  .article-list .am-list>li>.am-list-thumb>a>img{
    height: 200px;
  }
  .article-list .am-list .article-disc{
    max-height: 86px;
  }
  .article-list .am-list li .post-info>li>i{
    color: #F84F4F;
    font-size: 16px;
  }
}
.clear{
  clear: both;
}
.am-breadcrumb {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.pagination li{
  float: left;border: 0;
}
.avatar-img {
  border-radius: 100%;
  max-width: 100%;
}
.am-btn{
  color: #fff!important;
  border-radius: 4px; 
  border: 1px solid rgba(255,255,255,0.3);
}
.border{
  border:1px solid #e6e6e6;
  border-radius: 4px;
}
#next{
  display: none;
}
.am-pagination{
  display: block;
  text-align: center;
}
/*category-box*/
.category-box{
  border: 1px solid #D5D5D5;
  padding: 5px;
  float: left;
  width: 100%;
  border-radius: 6px;
  margin-top: 20px;
  
}
.category-box .category-title{
  width: 50px;
}
.category-box .category-title span{
   width: 80px;
  font-size: 14px;
  padding: 5px;
 
  display: inline-block;
}


.category-box .category-item .parent{
  display: inline-block;
  font-size: 14px;
  color: #333;  
  padding: 5px;
  text-align: center
}

.category-box .category-item .child{
  display: inline-block;
  font-size: 14px; 
  color: #333;
  padding: 5px 10px;
  text-align: center;
}
.category-box .category-item .active{
  color: #FF4E4F;
}
.category-box .category-item:first-child{
   margin-left: 100px;
}
/*index-goods-list*/
.index-cate{
  border: 1px solid #e7e7e7; 
  border-radius: 6px;
  overflow:hidden;
  background-color: #fff;
  margin-bottom: 20px;
}
.index-cate .index-goods-list{
  padding-left: 1px;
  padding-right: 1px;
}
.index-cate h3{ 
  padding: 5px 10px;
  font-weight: normal;
  margin-bottom: 0px;
}
.index-cate .more{
  color: #888;
  display: block;
  float: right;
}
.index-goods-list .item .title{
  position: absolute;
  bottom: 0px;
  background-color: rgba(0,0,0,0.3);
  margin: 0px;
  display: block;
  margin: 0;
  width: 100%;
}
.index-goods-list .item .title a{
  color: #fff;
  text-overflow: ellipsis;
  padding: 5px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  font-size: 14px;
  
}
.index-goods-list .item .goods-price{
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #F84E4E;
  color: #fff;
  padding: 4px;
}
/*goods-list*/
.submenu-item{
  display: inline-block;
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  padding: 0px 14px;
  margin: 0px 20px;
  color: #000;
  text-decoration: none;
  margin-top: 20px;
}
.submenu .submenu-item.active{
  color: #FFF;
  background-color: #000;
}
.goods-list{
  margin-top: 20px;
}
.goods-list .item{

  background: #FFF none repeat scroll 0% 0%;
  border: 1px solid #DCDCDC;
  margin-bottom: 10px;
  position: relative;
  float: left;
  overflow: hidden;
}
.index-goods-list .item{
  background: #FFF none repeat scroll 0% 0%;
  margin-bottom: 10px;
  position: relative;
  float: left;
  overflow: hidden;
}
.goods-list .item .recommend{
  background: transparent url("../images/mark.png") no-repeat scroll 100% 0px;
  width: 73px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #FFF;
  top: -5px;
  left: 0px;
  position: absolute;
  z-index: 10;
  font-size: 12px;
}
.goods-list .item .title {
  padding: 0px 10px;
  text-align: center;
  line-height: 18px;
  height: 18px;
  margin-top: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.goods-list .item .title a{
  color: #333;
  font-weight: 700;
  font-size: 14px;
}
.goods-list .goods-price{
  text-align: center;
  line-height: 18px;
  color: #666;
  height: 18px;
  margin-top: 8px;
}
.goods-list .goods-price .price{
    font-size: 18px;
    color: #FF4E4F;
}
.goods-list .item .keyword{
  margin: 10px 20px 0px;
text-align: center;
padding-bottom: 20px;
border-bottom: 1px solid #E5E5E5;
height: 22px;
}
.goods-list .item .volume{
  text-align: center;
  line-height: 40px;
  color: #999;
  height: 40px;
}
.goods-list .item .volume b{
  color: #08C;
  font-size: 14px;
}
.goods-list .item .like{
  display: none;
}
.goods-list .item.hover .like{
  position: absolute;
  right: 10px;
  top: 10px;
  color: #ff0000;  
  background-color: rgba(255,255,255,0.5);
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  text-align: center;
  
}

/*artrticle-list*/
.article-list .am-list li{
  float:left;
  border-width: 1px ;
  border-radius: 8px;
  margin-top: 20px;
  overflow: hidden;
  
}
.article-list .am-list li:hover{
 
  box-shadow: 0px 3px 5px rgba(9,9,9,0.3);
}
.article-list .am-list .article-title{
  padding: 5px 15px;
}
.article-list .am-list .article-disc{
  padding: 5px 15px;
  line-height: 20px;
}
.article-list .am-list li .post-info{
  position: absolute;
  bottom: 0;
}
.article-list .am-list li .post-info>li{
  list-style: none;
  font-size: 14px;
  margin-left: 5px;
}
/*article-info*/
.article-detail{
  max-width: 600px;
  margin: auto;
}
.article-detail .cover{
  margin-bottom: 10px;
  margin-top: 10px;
}
.am-article .post-info .am-list>li{
  float: left;
   padding: 5px;
  border:0px;
}
.am-article .post-info .am-list>li>i{
  color: #F44949;
  font-size: 14px;
}
.am-article .post-info .am-list{
  width: 50%;
  float:left;
  margin-top: 20px;
}
.am-article .post-info .ke-shares{
  width: 50%;
}
.goods-extend .goods-title{
    font-size: 18px;
    color: #333;
    line-height: 1.6;
    margin-top: 10px;
    margin-bottom: 10px;
}
.goods-extend .goods-title .am-icon-circle{   
   color: #F96E57;   
}
.goods-extend .price{
  display: inline-block;
  color: #F84E4E;
  margin-right: 20px;
  line-height: 1.3;
  font-size: 18px;
  padding-left: 11px;
  float: none;
  height: auto;
  font-weight: 400;
}
.goods-extend .goods-other{
  width:230px;
  padding:5px;
  border-left:2px solid #F96E57;
}
.goods-extend .goods-link{
  display: inline-block;
  width: 100px;
  text-align: center;
  font-size: 16px;
  border: thin solid #FF897D;
  /* float: right; */
  height: 32px;
 
  border-radius: 32px;
}
.goods-extend .goods-link span{
  display: inline-block;
  vertical-align: middle;
  color: #F7554D;
  font-size: 15px;
}
/*商品详情*/
.goods-header{
    background: #fff;
  width: 100%;
}
.goods-img,.goods-info{
    width: 50%;
    padding: 5px 10px;
}
.goods-info .goods-price .now-price{
    font-size: 20px;
    font-weight: bold;
    color: #F69;
}
.goods-info .goods-price .now-price i{
    font-size: 36px;
    font-style: normal;
}
.goods-info .goods-price .market-price{
    margin-right: 10px;
    font-size: 12px;
    color: #999;
}
.goods-info .other-info{
    margin: 12px 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #E6E6E6 transparent;
    overflow: hidden;
}
.goods-info .other-info li{
    display: inline-block;
    width: 156px;
    height: 33px;
    line-height: 33px;
    margin: 5px 0px;
    text-align: center;
}
.goods-info .other-info li.like{
    cursor: pointer;
}
.goods-info .other-info li.like i{
    margin-left: 5px;
    color: #F69;
}
.goods-info .other-info li .other-data{
    margin-left: 10px;
    color: #F69;
}
.goods-info .goods-buy,.goods-info .ke-shares{
  text-align: center;
}
.goods-body-part{
    /* background: #fff; */
    width: 100%;
}
.goods-body-part .con{
	background-color:#fff;
}
.goods-body-part .con img{
    max-width: 100%;
    display: block;
    height: auto;
}
/*热销商品*/
.hot-goods{
    background-color: #f9f9f9;
    padding:5px;
}
.hot-goods .item{
  padding: 5px;
  list-style: none;
}
/*分享*/

.ke-shares{
   margin-top: 20px;
    display: block;
    zoom:1;
    float: left;
    width: 100%;
}
.ke-shares span {
   display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 5px 15px;
    font-size: 18px;
}
.share-icon {
    background-image: url('../images/share.png') !important;
    width: 34px!important;
    height: 34px !important;
    display: inline-block;
    margin: 6px 6px 6px 0;
}
.share-icon-weixin {
    background-position: -131px -428px;
}
.share-icon-qzone {
    background-position: -131px -465px;
}
.share-icon-tsina {
    background-position: -131px -539px;
}
.share-icon-sqq {
    background-position: -131px -502px;
}
/*user-center*/
.user-center{
  padding-top: 20px;
}
.user-center .login{
  margin-bottom: 100px;
  margin-top: 100px;
  padding-bottom: 100px;
}
.user-center .login h3{
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.user-center .login .third-login{
  text-align: center;
}

.user-menu{
  background-color: #fff;
}
.user-menu .user-avatar{
  margin-bottom: 10px;
}
.user-menu .user-avatar{
  background-color: #FC7A5B;
}
.user-menu .user-avatar .user-nick{
  text-align: center;
  display: block;
  margin: auto;
  color: #fff;
  
}

.avatar_select {
  padding: 10px;
}
.avatar_select p {
  margin: 0;
}
.avatar_256 {
  display: block;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 600px;
  padding: 6px;
  border-radius: 6px;
}
.avatar_256 div {
  width: 256px;
  height: 256px;
  overflow: hidden;
}
.avatar_btn {
  display: block;
  position: absolute;
  z-index: 99;
  top: 415px;
  left: 600px;
  padding: 6px;
}
.table .title{
  border-color: #888;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  padding: 5px;
  
}
.table .item{
  border: 1px solid #ccc;
  line-height: 30px;
  min-height: 60px;
}
/*topic*/
.topic-box{
  margin-top: 20px;
}
.topic-list .item{
  position: relative;
	margin-bottom:30px;
  border-radius: 6px;
  overflow: hidden;
}
.topic-list .item img{
  max-height: 400px;
} 
.topic-list .item .info{
	position: absolute;
	top: 0;
	left: 0;	
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	padding: 20px;
	text-align: center;
	color: #fff;
	display: none;
}
.hot-topic{
  background: #F7F7F7;
  border: 1px solid #e6e6e6;
  padding: 10px;
  border-radius: 6px;
}
.hot-topic .item{
  border-radius: 0;
}
.hot-topic .item img{
  border-radius: 4px;
}
.hot-topic .item span{
  text-align: center;
  display: block;
  font-size: 14px;
}
/*footer*/
.cart{
  position: fixed;
  bottom: 45px;
  opacity: 0.9;
  background-color: #555555;    
  overflow: visible;
}
.cart .cart-number{
  position: absolute;
  left: -7px;
  top: -7px;
}
footer{
  background: #2F2F2F;
  color: #7e7e7e;
}
footer a,footer a:visited,footer a:focus{
  color: #fff;
}